.root {
  li {
    display: inline-block;

    a {
      display: inline-block;
      color: #fe5f1e;
      text-align: center;
      border: 1px solid #fe5f1e;
      border-radius: 30px;
      line-height: 39px;
      width: 40px;
      height: 40px;
      margin-right: 10px;
      cursor: pointer;

      &:hover {
        background-color: #fe5f1e;
        color: #fff;
      }
    }
  }

  :global {
    .selected {
      a {
        background-color: #fe5f1e;
        color: #fff;
      }
    }
  }
}
